<template>
    <!-- 查看账单 -->
    <div class="lookAccount ffffff">
        <NavbarBreadcrumb>
            <template v-slot:bread>
                <el-breadcrumb separator="/">
                    <el-breadcrumb-item>我的账单记录</el-breadcrumb-item>
                </el-breadcrumb>
            </template>
        </NavbarBreadcrumb>
        <div class="padding15All">
            <CostTabsMain type="account"/>
        </div>
        <div style="height:20px;background-color: #F5F6F7;"></div>
        <div class="tableMain padding15All">
            <p>2023-5  共用掉0份</p>
            <el-table
                ref="multipleTable"
                :data="tableData"
                tooltip-effect="dark"
                style="width: 100%;height:100%;"
                max-height="200"
                @selection-change="handleSelectionChange">
                <el-table-column
                    fixed
                    prop="a"
                    label="消费时间"
                    width="">
                </el-table-column>
                <el-table-column
                    prop="b"
                    label="签署任务名称"
                    width="">
                </el-table-column>
                <el-table-column
                    prop="b"
                    label="消费数量"
                    width="">
                </el-table-column>
                <el-table-column
                    fixed="right"
                    prop="c"
                    label="扣费方"
                    width="">
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>

<script>
import CostTabsMain from '../components/CostTabsMain.vue'
import NavbarBreadcrumb from '../components/NavbarBreadcrumb.vue'
export default {
    components: { CostTabsMain, NavbarBreadcrumb },
    data(){
        return{
            tableData: [
                {
                    a:'合同14234122',
                    b:'哈哈哈',
                    c:'审批通过',
                    d:'2000-11-11 11:11',
                    e:'哈哈哈哈哈哈哈哈',
                    f:'SAAS',
                    g:'用印审批',
                    h:'aaa，哈哈哈',
                    i:' ASFA314412341234',
                    j:'阿斯顿发空间阿斯顿发卡记录',
                    k:'哈哈哈',
                    l:'哈哈哈',
                }
            ],
        }
    },
}
</script>

<style lang="scss" scoped>
.lookAccount{
    height: 100%;
}
</style>